<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8" />

	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="width=device-width" />

	<title>Cristian Cortez Presentation Site</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta name="keywords" content="cristian, cortez, crisboot" /> 
	<script type="text/javascript"> 
	 
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-23058107-1']);
		  _gaq.push(['_trackPageview']);
	 
		  (function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();
 
	</script>

	<!-- Included CSS Files (Uncompressed) -->
	<!--
	<link rel="stylesheet" href="stylesheets/foundation.css">
	-->

	<!-- Included CSS Files (Compressed) -->
	<link rel="stylesheet" href="stylesheets/foundation.min.css">
	<link rel="stylesheet" href="stylesheets/app.css">

	<script src="javascripts/modernizr.foundation.js"></script>

	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

</head>
<body>
	<h1>Cristian Cortez <small>Presentation Site</small></h1>
  <!-- Nav Bar -->
	
    <nav class="top-bar">
		<div class="row">
			<ul>
				<li class="name"><a class="mod-tweet-link" href="http://twitter.com/cortezcristian" target="_blank">@cortezcristian</a></li>
				<li class="toggle-topbar"><a href="#"></a></li>
			</ul>
			<section>
				<!--
				<ul class="left">
					<li><a href="#">Link</a></li>
				</ul>
				-->
				<ul class="right">
					<li><a class="anchorLink active" href="#about">About</a></li> 
					<li><a class="anchorLink" href="#skills">Skills</a></li> 
					<li><a class="anchorLink" href="#projects">Projects</a></li> 
					<li><a class="anchorLink" href="#experience">Experience</a></li> 
					<!-- <li><a class="anchorLink" href="#services">Services</a></li> -->
					<li><a class="anchorLink" href="#contact">Contact</a></li>
					<li><a href="http://cortezcristian.com.ar/blog/">Blog</a></li>
				</ul>
			</section>
		</div>
	</nav> 
	<!-- End Nav -->

	<!-- Carousel -->
    <div class="row">
	  <div id="featured">
				<img src="./images/fpo-carousel-imge-1.jpg" />
				<img src="./images/fpo-carousel-imge-2.jpg" />
				<img src="./images/fpo-carousel-imge-3.jpg" />
				<img src="./images/fpo-carousel-imge-4.jpg" />
		</div>
	</div>
	<!-- End Carousel -->
	
  <!-- Main Page Content and Sidebar -->
  <div class="row">

    <!-- Main Blog Content -->
    <div class="nine columns" role="content">
		<section id="about">			
			<div class="mod-console">
				<div class="hdr">
					<img src="./images/console-buttons.png" /> <span>crisboot@skyconcept.com.ar: ~$</span>
				</div>
				<div class="bdy">
					<div class="content">
						<span>crisboot@skyconcept.com.ar: ~$ cat readme.txt</span>
						<span>About</span>
						<span>====================================</span>
						<span>My name is Cristian Cortez I'm a Professional 
							Web Developer &amp; Programmer from  <a href="#" target="_blank">Rosario</a>, Argentina.
						</span>
						<span>
							I've have a particular passion for coding and automation wich I've share with the world around me.
						</span>
						<span>
							Over the years I have mastered several programming languages and participated in various courses 
							and conferences related to software design, web coding and new technologies.
						</span>
						<span>
							I love what I do, and that's my spirit!
						</span>
						<span>
							Wherever there's a regular expression that seems to be unattended... I'll be there.
						</span>
						<span>
							I know it sounds like a fanaticism, but it still is my way of living
						</span>
						<span>
							Actually, I'm listening <a href="http://rubyshow.com/episodes" target="_blank">The Ruby Show</a>. What a Show! highly recommended!
						</span>
					</div>
				</div>
				<!--
				<div class="ftr">
				</div> -->
			</div>
		</section>
    </div>

    <!-- End Main Content -->


    <!-- Sidebar -->

    <aside class="three columns">
		<!--
      <h5>Categories</h5>
      <ul class="side-nav">
        <li><a href="#">News</a></li>
        <li><a href="#">Code</a></li>
        <li><a href="#">Design</a></li>
        <li><a href="#">Fun</a></li>
        <li><a href="#">Weasels</a></li>
      </ul>
		-->
      <div class="panel">
        <h5>/* Programmer AND <span>Web Developer */</span></h5>
		<img src="./images/bottom.png" />
        <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow.</p>
        <a href="#">Read More &rarr;</a>
      </div>

    </aside>

    <!-- End Sidebar -->
  </div>

  <!-- End Main Content and Sidebar -->


	<!-- Footer -->

	<footer class="row">
	<div class="twelve columns">
		<hr />
		<div class="row">
			<div class="six columns">
				<p>&copy; Copyright 2011 by Cristian Cortez.</p>
			</div>
			<div class="six columns">
				<ul class="link-list right">
					<li><a href="#">Link 1</a></li>
					<li><a href="#">Link 2</a></li>
					<li><a href="#">Link 3</a></li>
					<li><a href="#">Link 4</a></li>
				</ul>
			</div>
		</div>
	</div>
	</footer>

  <!-- End Footer -->

  <!-- Included JS Files (Uncompressed) -->
  <!--
  
  <script src="javascripts/jquery.js"></script>
  
  <script src="javascripts/jquery.foundation.mediaQueryToggle.js"></script>
  
  <script src="javascripts/jquery.foundation.forms.js"></script>
  
  <script src="javascripts/jquery.foundation.reveal.js"></script>
  
  <script src="javascripts/jquery.foundation.orbit.js"></script>
  
  <script src="javascripts/jquery.foundation.navigation.js"></script>
  
  <script src="javascripts/jquery.foundation.buttons.js"></script>
  
  <script src="javascripts/jquery.foundation.tabs.js"></script>
  
  <script src="javascripts/jquery.foundation.tooltips.js"></script>
  
  <script src="javascripts/jquery.foundation.accordion.js"></script>
  
  <script src="javascripts/jquery.placeholder.js"></script>
  
  <script src="javascripts/jquery.foundation.alerts.js"></script>
  
  <script src="javascripts/jquery.foundation.topbar.js"></script>
  
  -->
  
  <!-- Included JS Files (Compressed) -->
  <script src="javascripts/jquery.js"></script>
  <script src="javascripts/foundation.min.js"></script>
  <script type="text/javascript" src="./javascripts/jquery.anchor.js"></script> 
	<script type="text/javascript" src="./javascripts/jquery.jconsole.js"></script> 
	<script type="text/javascript" src="./javascripts/jquery.hoverfold.js"></script> 
	<script type="text/javascript">
		$(document).ready(function(){
			$('.mod-console .content').jconsole({allowPHP:false, symbol: 'crisboot@skyconcept.com.ar: ~$ '});
			//$('.mod-console .content').attr('scrollTop', 0);
			 if(document.location.hash){
                        	try{
                                	jQuery('a[href='+document.location.hash+']').click();
                        	}catch(e){}
                	}
		});
	</script>
  
  <!-- Initialize JS Plugins -->
  <script src="javascripts/app.js"></script>
</body>
</html>
